{% include "header.html" %}
  <!-- First Band (Slider) -->
  <!-- The Orbit slider is initialized at the bottom of the page by calling .orbit() on #slider -->
  <section id="slider-top">
  <div class="row">
    <div class="twelve columns">
      <div id="slider">
        {% for news in news %}
        <div class="featured">
        	<div class="txt">
        		<h2>{{ news.title }}</h2>
        		<p>{{ news.subTitle }}</p>
        		<a href="{{ news.get_absolute_url }}">Leia mais <i class="foundicon-right-arrow"></i></a>
        	</div>
        	<a href="{{ news.get_absolute_url }}"><img src="{{ MEDIA_URL }}{{ news.imageDetach }}" width="480px" height="260px" /></a>
        </div>
        {% endfor %}
        </div>
      </div>
    </div>
  </div>
  </section>
  
  
  <!-- Six-up Content Blocks -->
  
  <div class="row">
  
  	<div class="twelve columns">
  		<h2 class="cont-title"><span>Módulos do Projeto</span></h2>
  	</div>
  
    <div class="four columns">
    	<div class="modulo-home">
    		<div class="top">
    			<i class="box-modulo"></i>
	    		<h3>Módulo de aplicação: Contabilidade Financeira</h3>
    		</div>
    		<div class="cont">
	    		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce blandit adipiscing enim eu scelerisque. Mauris suscipit, augue in rutrum condimentum, ante odio mattis.</p>
	    		<a href="#" class="small button right">Saiba mais</a>
    		</div>
    	</div>
    </div>
    
    <div class="four columns">
    	<div class="modulo-home">
    		<div class="top">
    			<i class="box-modulo modulo-custos"></i>
	    		<h3>Módulo de aplicação: Contabilidade de Custos</h3>
    		</div>
    		<div class="cont">
	    		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce blandit adipiscing enim eu scelerisque. Mauris suscipit, augue in rutrum condimentum, ante odio mattis.</p>
	    		<a href="#" class="small button right">Saiba mais</a>
    		</div>
    	</div>
    </div>
    
    <div class="four columns">
    	<div class="modulo-home">
    		<div class="top">
    			<i class="box-modulo modulo-vmaterias"></i>
	    		<h3>Módulo de aplicação: Vendas de Materias</h3>
    		</div>
    		<div class="cont">
	    		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce blandit adipiscing enim eu scelerisque. Mauris suscipit, augue in rutrum condimentum, ante odio mattis.</p>
	    		<a href="#" class="small button right">Saiba mais</a>
    		</div>
    	</div>
    </div>
    
    <div class="four columns">
    	<div class="modulo-home">
    		<div class="top">
    			<i class="box-modulo modulo-amaterias"></i>
	    		<h3>Módulo de aplicação: Administração de Materias</h3>
    		</div>
    		<div class="cont">
	    		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce blandit adipiscing enim eu scelerisque. Mauris suscipit, augue in rutrum condimentum, ante odio mattis.</p>
	    		<a href="#" class="small button right">Saiba mais</a>
    		</div>
    	</div>
    </div>
    
    <div class="four columns">
    	<div class="modulo-home">
    		<div class="top">
    			<i class="box-modulo modulo-relatorios"></i>
	    		<h3>BO. Ferramenta para geração de relatórios e gráficos.</h3>
    		</div>
    		<div class="cont">
	    		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce blandit adipiscing enim eu scelerisque. Mauris suscipit, augue in rutrum condimentum, ante odio mattis.</p>
	    		<a href="#" class="small button right">Saiba mais</a>
    		</div>
    	</div>
    </div>
    
    <div class="four columns">
    	<div class="modulo-home">
    		<div class="top">
    			<i class="box-modulo modulo-nota"></i>
	    		<h3>Nota Fiscal eletrônica</h3>
    		</div>
    		<div class="cont">
	    		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce blandit adipiscing enim eu scelerisque. Mauris suscipit, augue in rutrum condimentum, ante odio mattis.</p>
	    		<a href="#" class="small button right">Saiba mais</a>
    		</div>
    	</div>
    </div>
    
  </div>
{% include "footer.html" %}